<template>
    <div class="child2">
        <p>子2</p>
        <p>电脑：{{ computer }}</p>
        <p>书籍：{{ book }} 本</p>
        <kongCom></kongCom>
        
    </div>
</template>


<script setup lang="ts" name = "Page51sub">
import { ref} from 'vue';
import kongCom from './kongCom.vue'
// 数据
let computer= ref('联想');
let book = ref(6)


defineExpose({computer,book})

</script>

<style lang="scss" scoped>
.child2 {
    margin-top: 20px;
    background-color: orange;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px black;
}
</style>